#fh5co-hero {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
    background-attachment: fixed;
    position: relative;
}
#fh5co-hero .fh5co-arrow {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -20px;
    display: block;
    color: #ffffff;
    font-size: 40px;
    z-index: 99;
    text-decoration: none;
}
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}
#fh5co-hero .text {
    padding: 12em 0;
    z-index: 2;
    position: relative;
}
#fh5co-hero .text h1 {
    padding: 0;
    margin: 0;
    display: block;
    color: #ffffff;
    text-align: center;
    font-weight: 300;
    line-height: 1.3;
    font-size: 40px;
}
#fh5co-hero .overlay:before{
	content: '';
    background: #81c141;
    background: -webkit-linear-gradient(linear-gradient(#016348), #030600);
    background: linear-gradient(to bottom right,#2c2f31,#333131);
    opacity: .7;
    /*filter: alpha(opacity=90);*/
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.big-ico{
	font-size: 120px;
}
.ystep-container{
	margin-left: calc(50% - 180px);
}
.bg-info{
	background-color: #f5f5f5;
}
@media screen and (max-width: 768px){
	.padding-left{
		padding-left: 0;
	}
	.padding-right{
		padding-right: 0;
	}
	#fh5co-hero {
	    background-position: center center;
	    background-size: normal;
	}
	#fh5co-hero .text {
	    padding: 6em 0;
	}
	#fh5co-hero .text h1 {
	    padding: 0;
	    margin: 0;
	    display: block;
	    color: #ffffff;
	    text-align: center;
	    font-weight: 300;
	    line-height: 20px;
	    font-size: 18px;
	}
	#fh5co-hero .text h4 {
		font-weight: 300;
	    font-size: 14px;
	    padding: 0;
	    margin: 0;
	    color: #ffffff;
	}
}
@media screen and (min-width: 768px){
	.jumbotron{
		background-color: #FFF;
	}
	.jumbotron img{
		float: left;
		max-width: 100%;
	}
}
